<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%-- <%@taglib prefix="s" uri="/struts-tags"%> --%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Document</title>
    <style type="text/css">
        body, h2 {
            padding: 0px;
            margin: 0 px auto;
                
        }

        h2 {
                color: #FFFFFF;
                padding: 10 px 100px;
        }

        span {
            color: #FF0000;
                
        }

        #shoulder {
            padding: 10px 100px;
                line-height: 28px;
                
        }

        #fore {
            text-align: right;
            padding: 5px;
            width: 60px;
            white-space: nowrap;
        }

        #back {
            text-align: left;
                padding: 5px;
            width: 250px;
             
        }

        #tab {
            margin-left: 100px;
            width: 100%;
            text-align: center;
        }

        #tab th {
            white-space: nowrap;
        }

        /*   body { */
        /*     font: 14px/1.2 "微软雅黑"; */
        /*   } */
        div {
            width: 300px;
            position: relative;
            margin: 20px 0;
            padding: 5px 10px;
        }

        .form_control {
            border: 1px #ccc solid;
        }

        input[type="text"], input[type="password"] {
            border: none;
            width: 100%;
        }

        .form_control.active {
            border: 1px #32BC61 solid;
            background-color: #fff;
        }

        .form_control.error {
            border: 1px #f00 solid;
            background-color: #FBF9BB;
        }

        .form_control.error input[type="text"], .form_control.error input[type="password"] {
            background-color: #FBF9BB;
            color: #f00;
        }

        input[type="text"]:focus, input[type="password"]:focus {
            border: none;
            outline: none;
        }

        .form_control .valid_message {
            color: #32BC61;
            position: absolute;
            left: 325px;
            top: 5px;
            width: 200px;
        }

        .form_control.error .valid_message {
            color: #f00;
        }

        .form_control.success .valid_message {
            background: url(img/register/sucess.png) no-repeat;
            left: auto;
            right: 5px;
            top: 4px;
            width: 16px;
            height: 16px;
        }

        .none {
            display: none;
        }
    </style>
</head>

<body>
<s:form id="regForm" action="" enctype="multipart/form-data"
        method="POST">
    <!-- <div id="validate_1"> -->
    <!-- <div class="form_control"> -->
    <!-- <input class="required" value="315359131@qq.com" type="text" name="email" data-tip="请输入您的邮箱" data-valid="isNonEmpty||isEmail" data-error="email不能为空||邮箱格式不正确"> -->
    <!-- </div> -->
    <!-- <div class="form_control"> -->
    <!-- <input class="required" value="123456789" type="password" data-tip="请输入您的密码" data-valid="isNonEmpty||between:6-16" data-error="密码不能为空||密码长度6-16位" name="nickname"> -->
    <!-- </div> -->
    <!-- <div class="form_control"> -->
    <!-- <input class="required" value="王大锤" type="text" name="email" data-tip="请输入您的姓名" data-valid="isNonEmpty||onlyZh||between:2-5" data-error="姓名不能为空||姓名只能为中文||姓名长度为2-5位"> -->
    <!-- </div> -->
    <!-- <div> -->
    <!-- <input type="submit" value="提交"> -->
    <!-- </div> -->
    <!-- </div> -->

    <table border="0" cellspacing="10" cellpadding="10">
        <tr>
            <td><span>*</span>公司名称：</td>
            <td>
                <div class="form_control">
                    <input class="required" type="text" name="email"
                           data-tip="请输入您的邮箱" data-valid="isNonEmpty||isEmail"
                           data-error="email不能为空||邮箱格式不正确">
                </div>
            </td>
        </tr>
    </table>

</s:form>
<script type="text/javascript" src="js/jquery/jquery-1.8.0.min.js"></script>
<script type="text/javascript"
        src="js/jquery/jquery-ui-1.8.23.custom.min.js"></script>
<script type="text/javascript" src="js/register/jquery-validate.js"></script>
<script type="text/javascript">
    $("#regForm").validate({
        onFocus: function () {
            this.parent().addClass('active');
            return false;
        },
        onBlur: function () {
            var $parent = this.parent();
            var _status = parseInt(this.attr('data-status'));
            $parent.removeClass('active');
            if (!_status) {
                $parent.addClass('error');
            }
            return false;
        }
    });

    var myDate = new Date();
    myDate.toLocaleDateString();     //获取当前日期
    alert(myDate);
</script>
</body>

</html>